<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>微信官网</title>
    <style>
          *{
                margin: 0px;
                padding: 0px;
                list-style:none;
            }
            .header{
                height: 500px;
                background: url('bg.jpg') repeat-x;
            }
            .banner{
                height: 426px;
            }
            .con{
                width: 1000px;
                height: 377px;
                margin:47px auto 31px;
            }
            .footer{
                height: 50px;
                width: 968px;
                margin:0px auto;
                border-top: 1px solid ;
            }
            .right{
                float: right;
            }
            .a1{
				width:968px;
				height: 74px;
				margin:0px auto;
			}
			.a1 h1{
				float: left;
			}
			.a1 ul{
				float: right;
			}
			.a1 li{
				float: left;
			}
			h1 img{
				height: 42px;
				margin-top: 16px;
			}
			a{
				font-size: 15px;
				text-decoration: none;
			}
			li{
				margin-right: 10px;
				margin-top: 16px;
				padding:9px;
			}
			li:hover{
				background: white;
				border-radius:70px;
			}
            .wrap h4{
                 margin-top:57px;
                 margin-bottom: 12px;
             }
             .wrap .list li{
                 line-height: 30px;
             }
             .wrap .cc li{
                line-height: 25px;
             }
             .wrap .cc a{
                 text-decoration: none;
                 font-size: 14px;   
             }
             .con .left{
                 float: left;
             }
             .con .right{
                 float: right;
             }
             .con .left li{
                 float: left;
                 width: 220px;
             }
             .con .left .last{
                 width: 192px;
             }
             .footer .left{
                 float: left;
             }
             .footer .right{
                 float: right;
             }
             .footer .bottom{
                 width:968px;
                 float: left;
             }
    </style>
</head>
<body>
    <div class="header">
        <div class="a1">
            <h1>
                <a href="">
                    <img src="logo.png" alt="">
                </a>
            </h1>
            <ul>
                <li>
                    <a href="">
                        首页
                    </a>
                </li>
                <li>
                    <a href="">
                        帮助与反馈
                    </a>
                </li>
                <li>
                    <a href="">
                        公众平台
                    </a>
                </li>
                <li>
                    <a href="">
                        开放平台
                    </a>
                </li>
                <li>
                    <a href="">
                        微信支付
                    </a>
                </li>
                <li>
                    <a href="">
                        微信广告
                    </a>
                </li>
                <li>
                    <a href="">
                        企业微信
                    </a>
                </li>
                <li>
                    <a href="">
                        表情开放平台
                    </a>
                </li>
                <li>
                    <a href="">
                        微信网页版
                    </a>
                </li>
            </ul>
        </div>
        <div class="banner">
            <div class="wrap">
                <div class="left">
                    <h4>微信，是一个生活方式</h4>
                    <ul class="list">
                        <li>超过十亿人使用的手机应用</li>
                        <li>超过十亿人使用的手机应用</li>
                        <li>超过十亿人使用的手机应用</li>
                    </ul>
                    <img src="down.png" alt="" class="b1">
                    <img src="com.png" alt="" class="right">
                </div>
    </div>
    <div class="con">
        <div class="left">
            <img src="list.png" alt="">
            <ul>
                <li>
                    <h6>微信网页版</h6>
                    <p>扫一扫二维码</p>
                    <p>就能在浏览器上使用微信</p>
                    <a href="">了解更多</a>
                </li>
                <li>
                    <h6>微信 Mac 版</h6>
                    <p>极致简洁，迅捷沟通</p>
                    <a href="">了解更多</a>
                </li>
                <li class="last">
                    <h6>微信 Windows 版</h6>
                    <p>让沟通更方便</p>
                    <a href="">了解更多</a>
                </li>
            </ul>
        </div>
        <div class="right">
            <h6>最新消息</h6>
            <ul>
                <li>微信 8.0.1 for Android 正式版发布<span>02-05</span></li>
                <li>微信 8.0.2 for iOS 正式版发布<span>02-02</span></li>
                <li>微信 2.6.1 for Mac 正式版发布<span>01-20</span></li>
                <li>微信 3.1.0 for Windows 正式版发布<span>12-24</span></li>
                <li>关于部分 iOS 9 用户无法更新微信<span>01-28</span></li>
                <li>微信外部链接内容管理规范<span>02-11</span></li>
                <li>微信网页版 2.1 版本发布<span>01-17</span></li>
                <li>微信表情开放平台上线<span>07-29</span></li>
                <li>官方辟谣公众号开通<span>10-28</span></li>
                查看更多
            </ul>
        </div>
    </div>
    <div class="footer">
        <p class="left">关于腾讯|服务条款|使用规范|客服中心|隐私保护指引</p>
        <p class="right">简体中文|繁体中文|English</p>
        <p class="bottom">@ 1998 - 2021 Tencent Inc.All Rights Reserved</p>
    </div>
</body>
</html>